import bar from '../svg/bar.svg';

export default () => {
    return {
        componentName: 'BarComponent',
        text: '柱状图',
        noUseForm: true,
        icon: bar,
        props: {
            height :"300px" ,
            option:  {
                title: {
                    text: 'Bar Demo',
                    subtext: '基础柱状图'
                },
                grid: {
                    top: '80px'
                },
                tooltip: {
                    trigger: 'axis'
                },
                xAxis: {
                    type: 'category',
                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                    {
                        data: [120, 200, 150, 80, 70, 110, 130],
                        type: 'bar',
                        barWidth: '15px'
                    },
                    {
                        data: [110, 180, 120, 120, 60, 90, 110],
                        type: 'bar',
                        barWidth: '15px'
                    }
                ]
            }
     }
    }
}
